<template>
  <view class="mysearch" :style="{ backgroundColor:bgcolor}" @click="searchToHandler">
    <view class="box"  :style="{ borderRadius: radius + 'px' }">
      <uni-icons type="search" size="20"></uni-icons>
      搜索
    </view>
  </view>
</template>


<script>
  export default {
    props:{
      bgcolor:{
        type:String,
        default:'#c00000'
      },
      radius:{
        type:Number,
         default:18
      }
    },
    data() {
      return {
        
      };
    },
    methods:{
      searchToHandler(){
        this.$emit('click')
      }
    }
  }
</script>

<style lang="scss">
  .mysearch {
    height: 40px;
    padding: 8px 10px;

    .box {
      height: 40px;
      background-color: #fff;
      line-height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
</style>
